import React, { memo } from 'react'
import { FooterWrapper } from './style'
import {footerData} from '@/assets/data/footer'

const AppFooter = memo(() => {
  return (
    <FooterWrapper>
      <div className="content">
        <div className="label">
          {
            footerData.map((item, index) => {
              return (
                <div className="line" key={index}>
                  <div className="title">{item.title}</div>
                  <div className="variety">
                    {
                      item.variety.map((i) => {
                        return <span key={i} className="item">{ i }</span>
                      })
                    }
                  </div>
                </div>
              )
            })
          }
        </div>
        <div className="bottom">
          © 2022 Airbnb, Inc. All rights reserved.条款 · 隐私政策 · 网站地图 · 全国旅游投诉渠道 12301
        </div>
      </div>
    </FooterWrapper>
  )
})

export default AppFooter